Estoy haciendo un simulador de libro de cambio para algunas criptomonedas, y necesito hacer la barra de progreso que esta detras de los valores de una tabla.

Mi tabla de datos que recibe los datos tiene la siguiente plantilla:

 <v-data-table :headers="headers_ask" :items="book_item[1]" class="transparent data-table-books-asks ml-3 mr-3" > <template v-slot:item="{item}"> <tr> <td>{{item.ask}}</td> <td>{{item.quantity}}</td> </tr> </template> </v-data-table>

¿Cómo puedo crear esta barra de progreso en los elementos de la tabla de datos sin afectar el diseño de la plantilla? Nota: si creo un div u otra etiqueta entre esa plantilla, los elementos no coinciden con el encabezado